<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="shortcut icon" href="img/logo.ico">
		<title>404</title>
	</head>
	<body style="height: 600px;">
		<div class="box">
			<h1>404</h1>
			<h2>抱歉···您找的页面已经不存在了！</h2>
			<input type="button" value="返回首页" onclick="backLogin()"/>
			<input type="button" value="联系管理" onclick="contactUs()"/>
		</div>
	</body>
</html>
<style>
	*{
		margin: 0;
		padding: 0;
	}
	.box{
		height: 100%;
		font-family: "微软雅黑";
		font-size: 80px;
		color: #f1ebe5;
		text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px rgba(255,46,108,0.73);
		font-weight: bold;
		text-align: center;
		padding: 20px 100px;
		background: linear-gradient(to bottom,#0dc418 0%,#5dc4a3 100%);
	}
	h1{
		border-bottom: 1px solid #fff;
	}
	h2{
		font-size: 20px;
	}
	input{
		background-color: #20a7ff;
		border-radius: 10px;
		border: 0;
		height: 30px;
		width: 80px;
		padding: 5px;
		color: white;
		outline: none;
	}
	input:hover{
		background-color: #ff5500;
		color: #FFFFFF;
	}
</style>
<script>
	function backLogin(){
		window.history.back(-1);
	}
	function contactUs(){
		alert("问题反馈已收到，稍后进行处理哦！");
	}
</script>